<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webshop档</title>
<style type="text/css">
* {
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#header {
	background-color:#000;
	width:100%;
	height:60px;
}
#header_logo{
	width:80%;
	margin:0 auto;
}
#banner {
	background-color:#F80;
	width:100%;
	height:40px;
	color:#FFF;
}
#banner_content {
	width:80%;
	height:40px;
	margin:0 auto;
}
#banner_content ul {
	padding-top:10px;
}
#banner_content ul a {
	color:#FFF;
	display:block;
}
#banner_content ul a:hover {
	background-color:#F80;
}
#banner_content li {
	float:left;
	background-color:#FF9900;
	list-style:none;
	line-height:20px;
	text-align:center;
	width:70px;
	border:#F80 1px solid;
	font-weight:bold;
}
#content {
	width:80%;
	margin:0 auto;
	min-height:500px;
	height:auto !important; /*重要*/
	overflow:visible;
	height:500px;
}
#content #ctop {
	width:100%;
	height:100px;
}
#content #ctop h1 {
	font-size:20px;
	padding-top:20px;
}
#content #ccenter {
	width:100%;
}
#content #ctable {
	width:100%;
	border-collapse:collapse;
	color:#03F;
	text-align:center;
}
#ctable th {
	background-color:#333333;
	color:#FFF;
	font-size:20px;
	height:40px;
}
#ctable td {
	border:1px solid #CCC;
	background-color:#EEEEEE;
	height:60px;
	font-style:italic;
	font-size:15px;
}
#fhr {
	width:100%;
	height:8px;
	min-height:5px;
	background-color:#F80;
	font-size:5px;
}
#footer {
	width:100%;
	height:90px;
	background-color:#000;
}
#footer_content {
	width:80%;
	margin:0 auto;
}
#footer_content p {
	/*color:#FFFFAA;*/
	color:#FFF;
	font-size:13px;
	padding-bottom:20px;
	padding-top:10px;
}
#footer_right {
	text-align:right;
}
#footer_left {
	float:left;
}
</style>
</head>
<body>
<div id="header"><div id="header_logo"><img src="/j2eeshop/img/logo.gif" width="207" height="56" /></div></div>
<div id="banner">
  <div id="banner_content">
    <ul id="banner_ul">
      <li><a href="/j2eeshop/home.html">Home</a></li>
      <li>Blog</li>
      <li>Download</li>
      <li>Admin</li>
    </ul>
  </div>
</div>
<div id="content">
  <div id="ctop">
    <h1>Scripts</h1>
  </div>
  <div id="ccenter">
    <table id="ctable" >
      <tr>
        <th>Name</th>
        <th>Rating</th>
        <th>Posts</th>
        <th>Fance</th>
      </tr>
      <tr>
        <td>Emoticons <br />
          you are welcome to thie website</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
      </tr>
    </table>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />

    <br />
  </div>
</div>
<div id="fhr"></div>
<div id="footer">
  <div id="footer_content">
    <div id="footer_left">
      <p>Because it's your web| Donate</p>
    </div>
    <div id="footer_right">
      <p>Powered by WebShop.org with the help of many friends </p>
      <p>2011 year 4 month 8 day</p>
    </div>
  </div>
</div>
</body>
</html>
